<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>永劫无间</title>


    <!-- 引入 bootstrap -->
    <link rel="stylesheet" href="./css/bootstrap.min.css">

    <!-- 引用swiper(轮播) -->
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">

    <!-- 引入重置样式less -->
    <link rel="stylesheet/less" href="./css/reset.less">

    <!-- 引用公共样式 -->
    <link rel="stylesheet/less" href="./css/common.less">

    <!-- 引用独立样式 -->
    <link rel="stylesheet/less" href="./css/index.less">

</head>

<body>
    <div class="box">
        <!-- 导航条 -->
        <div id="dht">
            <div class="logo"><img src="./images/logo.png" alt=""></div>
            <div class="daohang">
                <div class="item">
                    <p>藏宝阁</p>
                </div>
                <div class="item">
                    <p>云.永劫</p>
                </div>
                <div class="item">
                    <p>赛事中心</p>
                </div>
                <div class="item">
                    <p>无间剧场</p>
                </div>
                <div class="item">
                    <p>世界观资料</p>
                </div>
                <div class="item yxxz">
                    <p>游戏下载</p>
                </div>
                <div class="item">
                    <button>登录</button>
                </div>
            </div>
        </div>

        <!-- 首页海报 -->
        <div id="syhb">
            <img src="./images/yjwjsy.webp" alt="">
            <div class="content">
                <div class="zuo">
                    <h3>-- S14 永 昼 赛 季 --</h3>
                    <div class="xia">
                        <button>立即下载</button>
                        <div class="shiliu">
                            <div class="remind">
                                <h3>16+</h3>
                                <p>CADPE</p>
                            </div>
                            <p>适龄提醒</p>
                        </div>
                    </div>
                </div>
                <div class="you">
                    <div class="fuli"><img src="./images/haibao.png" alt=""></div>
                    <div class="fuli"><img src="./images/haibao2.png" alt=""></div>
                </div>
            </div>
        </div>

        <!-- 新闻资讯 -->
        <div id="Journalism">
            <div class="biaoti">
                <p>新闻资讯</p>
            </div>
            <div class="content">
                <div class="item">
                    <p>【公告】：永劫无间违规玩家封禁公告</p>
                </div>
                <div class="item update">
                    <p>【公告】：永劫无间版本更新最新资讯</p>
                </div>
                <div class="item">
                    <p>【公告】：永劫无间违规玩家封禁公告</p>
                </div>
                <div class="item">
                    <p>【公告】：永劫无间违规玩家封禁公告</p>
                </div>
                <div class="item">
                    <p>【公告】：永劫无间违规玩家封禁公告</p>
                </div>
            </div>
        </div>

        <!-- 英雄 -->
        <div id="role">
            <div class="toubu">
                <h3>背景各异的英雄</h3>
                <p>武道无穷，我身无拘！</p>
            </div>

            <div class="Introduction">
                <div class="jies">
                    <div class="one">
                        <h3>席拉</h3>
                        <p>cv:谢莹</p>
                    </div>
                    <div class="two">
                        <p>首席神愈者,晨曦圣女,席拉曾享尽月轮举国的赞誉与荣光。但如今美名已逝,只余非议与流言。</p>
                        <p>异端?疯癫?无所谓,光明在暗夜之中总会刺眼。为追寻那神圣的光辉,她甘愿奉献所有,矢志不渝。</p>
                    </div>
                </div>
            </div>

        </div>

        <!-- 武器 -->
        <div id="arms">
            <div class="toubua">
                <h3>左手利刃、右手枪火</h3>
                <h3>&</h3>
                <p>前所未有的战斗体验</p>
            </div>

            <div class="introduce">
                <div class="wuqi">
                    <div class="one">
                        <h3>拳刃</h3>
                    </div>
                    <div class="two">
                        <p>拳刃古已有之，据说来自于平民中的好勇斗狠之辈。因为其快、准、狠、奇的特点，后多为月轮刺客所用。</p>
                    </div>
                </div>
            </div>

        </div>


    </div>
</body>

</html>

<!-- 引用jQ -->
<script src="./js/jquery-3.7.1.min.js"></script>

<!-- 引用js -->
<script src='./js/less.min.js'></script>

<!-- 引用 bootstrap -->
<script src="./js/bootstrap.min.js"></script>

<!-- 引用swiper -->
<script src="./js/swiper-bundle.min.js"></script>